<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
<title>map-简单的地图，非切片的方式</title>
<script type="text/javascript" src="../../kq.dev.js?v=1.0.6"></script>
<script type="text/javascript" src="../touch/kq.touch.js?v=1.0.8"></script>
<script type="text/javascript" src="kq.map.js?v=1.0.8"></script>

<style>
body{
	    margin: 0;	
}
#map{
	width:100vw;
	height:100vh;
}
image{
    border: unset;
}
</style>
</head>

<body>
<div id="map"></div>
<script>
var touch = null;
	var map = new $Q.plugIn.Map({
		w:2000,//自定义地图宽度
		h:1252,//自定义地图高度
		img:'./img/map.jpg',
		box:document.getElementById("map"),
	});
	map.ready(function(ee){
		var point = new map.Pointbox({
			loc:[100,100],
			type:''
		});
		point.show();
		//创建一个自定义的地图点
		var point = new map.Pointimg({
			loc:[200,200],	
			url:'https://cqpark-find.sunacctg.kuoqps.cn/upload/png/230109/351f9bd99c6d17ec9a5ab4bf94db8c12.png',
			w:30,
			h:30
		});
		point.show();
		console.log(point);
		map.click(function(e){
			console.log(e);
		});
	});
	console.log(map);
	
</script>
</body>
</html>
